<style>
	.el-message { top:53px;}
    .card-header { position:relative;}
    .card-header .button { position:absolute; right:0; top:0;}
    .search-wrap { clear:both; overflow:hidden; }
    .el-select { width:100%; }
    .el-select__tags>span { width:auto!important;}
    label { margin-bottom:0!important;}
    table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before { content:none;}
    table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { content:none;}
    table.dataTable thead th, table.dataTable thead td { border:none;}
    .table-bordered { border:1px solid #e9ecef!important;}
    div.dataTables_wrapper div.dataTables_filter { display:none;}
    .table-responsive { overflow:visible;}
    div.dt-buttons { position:static; float:right; margin-top:-68px;}
    button.dt-button, div.dt-button, a.dt-button { padding:0; width:90px; height:40px; opacity:0;}
    table.dataTable { /*width:calc(100% - 2.5rem);*/ margin-right:2.5rem; }
</style>
<!DOCTYPE html>
<!--suppress ALL -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <title>内勤人力管理</title>
    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
    <meta name="description" content="Phoenixcoded">
    <meta name="keywords"
          content=", Flat ui, Admin , Responsive, Landing, Bootstrap, App, Template, Mobile, iOS, Android, apple, creative app">
    <meta name="author" content="Phoenixcoded">
    <!-- Favicon icon -->
    <link rel="icon" th:href="${urls.getForLookupPath('/assets/images/favicon.ico')}" type="image/x-icon">
    <!-- Google font-->
    <!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">-->
    <!-- Required Fremwork -->
    <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/bower_components/bootstrap/css/bootstrap.min.css')}">
    <!-- themify icon -->
    <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/icon/themify-icons/themify-icons.css')}">
    <!-- ico font -->
    <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/icon/icofont/css/icofont.css')}">
    <!-- flag icon framework css -->
    <!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/flag-icon/flag-icon.min.css')}"> -->
    <!-- Menu-Search css -->
    <!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/menu-search/css/component.css')}"> -->
    <!-- Horizontal-Timeline css -->
    <!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/dashboard/horizontal-timeline/css/style.css')}"> -->
    <!-- amchart css -->
    <!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/dashboard/amchart/css/amchart.css')}"> -->
    <!-- flag icon framework css -->
    <!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/flag-icon/flag-icon.min.css')}"> -->
    <!-- Style.css -->
    <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/style.css')}">
    <!--color css-->
    <!-- Date-time picker css -->
    <!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/advance-elements/css/bootstrap-datetimepicker.css')}"> -->
    <!-- Date-range picker css  -->
    <!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/bower_components/bootstrap-daterangepicker/css/daterangepicker.css')}" /> -->
    <!-- Date-Dropper css -->
    <!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/bower_components/datedropper/css/datedropper.min.css')}" /> -->
    <!-- Data Table Css -->
    <!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/bower_components/datatables.net-bs4/css/dataTables.bootstrap4.min.css')}"> -->
    <!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/data-table/css/buttons.dataTables.min.css')}"> -->
    <!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/bower_components/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css')}"> -->

    <!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/linearicons.css')}"> -->
    <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/simple-line-icons.css')}">
    <!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/ionicons.css')}"> -->
    <!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/jquery.mCustomScrollbar.css')}"> -->
    <!-- pages -->
    <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/element.css')}">
    <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/common.css')}">
</head>
<body>
<!-- Pre-loader start -->
	<div class="theme-loader">
	</div>
	<!-- Pre-loader end -->
<!-- Menu header start -->
<div id="pcoded" class="pcoded">
    <div class="pcoded-overlay-box"></div>
    <div class="pcoded-container navbar-wrapper">
        <div id="topBar"></div>
        <div class="pcoded-main-container">
            <div class="pcoded-wrapper">
                <!-- nav -->
                <div id="sidebarNavbar"></div>
                <div class="pcoded-content">
                    <div class="pcoded-inner-content">
                        <!-- main start -->
                        <div class="main-body" id="permissions">
                            <div class="page-wrapper">
                                <!-- Page-header start -->
                                <div class="page-header">
                                    <div class="page-header-title">
                                        <h4>内勤人力管理</h4>
                                        <span>内勤人力管理......</span>
                                    </div>
                                    <div class="page-header-breadcrumb">
                                        <ul class="breadcrumb-title">
                                            <li class="breadcrumb-item" style="margin-top: 4px;">
	                                            <a href="../index">
	                                            	<i class="icofont icofont-home"></i>
	                                            </a>
                                            </li>
                                            <li class="breadcrumb-item"><a href="#!">数据收集</a></li>
                                            <li class="breadcrumb-item"><a href="#!">内勤人力上报</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <!-- Page-header end -->
                                <!-- Page-body start -->
                                <div class="page-body">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="card table-1-card">
                                                <div class="card-block">
                                                    <div class="card-header">
                                                        <h5>内勤人力管理</h5>
                                                        <div class="button">
                                                            <button class="btn btn-round btn-success" @click="addStaff">
                                                                <i class="icofont icofont-ui-add"></i>新建内勤人力
                                                            </button>
                                                        </div>
                                                    </div>
                                                    <div class="card-body">
                                                        <div class="search-wrap">
                                                            <el-form :model="searchForm" ref="searchForm" class="demo-form-inline" label-width="120px">
                                                                <el-row>
                                                                    <el-col :span="16">
                                                                        <el-form-item label="分公司" prop="branch">
                                                                            <el-select v-model="searchForm.branch" placeholder="请选择分公司" filterable multiple clearable>
                                                                                <el-option v-for="branch in branchs" :label="branch.label" :value="branch.value"></el-option>
                                                                            </el-select>
                                                                        </el-form-item>
                                                                    </el-col>
                                                                    <el-col :span="8">
								                                      <el-form-item label="人员状态" prop="state">
								                                        <el-select v-model="searchForm.state" placeholder="请选择人员状态" clearable>
								                                          <el-option v-for="state in states" :value="state.value"></el-option>
								                                        </el-select>
								                                      </el-form-item>
								                                    </el-col>
                                                                </el-row>
                                                                <el-row>
                                                                    <el-col :span="8">
                                                                        <el-form-item label="姓名" prop="name">
                                                                            <el-input placeholder="请输入姓名" v-model="searchForm.name" clearable></el-input>
                                                                        </el-form-item>
                                                                    </el-col>
                                                                    <el-col :span="8">
                                                                        <el-form-item label="工号" prop="employeeNumber">
                                                                            <el-input placeholder="请输入工号" v-model="searchForm.employeeNumber" clearable></el-input>
                                                                        </el-form-item>
                                                                    </el-col>
                                                                    <el-col :span="8">
                                                                        <el-form-item label="统计日期" prop="dateOfStatistics">
                                                                            <!-- <el-input placeholder="请输入司龄(年)" v-model="searchForm.comYears" onkeyup="this.value=this.value.replace(/[^\d]/g,'')" clearable></el-input> -->
                                                                            <el-date-picker v-model="searchForm.dateOfStatistics" maxlength="10" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="请选择统计日期"></el-date-picker>
                                                                        </el-form-item>
                                                                    </el-col>
                                                                </el-row>
                                                                <el-row>
                                                                    <el-col :span="12">
                                                                        <el-form-item label="银保群组-机构" prop="branchGroup">
                                                                            <el-select v-model="searchForm.branchGroup" placeholder="请选择群组机构" filterable multiple clearable>
                                                                                <el-option v-for="branchGroup in branchGroups" :value="branchGroup.value"></el-option>
                                                                            </el-select>
                                                                        </el-form-item>
                                                                    </el-col>
                                                                    <el-col :span="12">
                                                                        <el-form-item label="银保群组-岗位" prop="titleGroup">
                                                                            <el-select v-model="searchForm.titleGroup" placeholder="请选择群组岗位" filterable multiple clearable>
                                                                                <el-option v-for="titleGroup in titleGroups" :value="titleGroup.value"></el-option>
                                                                            </el-select>
                                                                        </el-form-item>
                                                                    </el-col>
                                                                </el-row>
                                                                <el-row>
                                                                    <el-col :span="12">
                                                                        <el-form-item label="岗位性质" prop="nature">
                                                                            <el-select v-model="searchForm.nature" placeholder="请选择岗位性质" filterable multiple clearable>
                                                                                <el-option v-for="nature in natures" :label="nature.label" :value="nature.value"></el-option>
                                                                            </el-select>
                                                                        </el-form-item>
                                                                    </el-col>
                                                                    <el-col :span="12">
                                                                        <el-form-item label="岗位名称" prop="title">
                                                                            <el-select v-model="searchForm.title" placeholder="请选择岗位名称" filterable multiple clearable>
                                                                                <el-option v-for="title in titles" :label="title.label" :value="title.value"></el-option>
                                                                            </el-select>
                                                                        </el-form-item>
                                                                    </el-col>
                                                                 </el-row>
                                                                 <el-row>
                                                                    <el-col :span="24" style="text-align:right;">
                                                                        <button type="button" class="btn btn-round btn-success" @click="changeSearch">
                                                                            <i class="icofont icofont-ui-search"></i>查询
                                                                        </button>
                                                                        <button type="button" class="btn btn-round btn-warning" @click="resetSearchForm('searchForm')">
                                                                            <i class="icofont icofont icofont-ui-delete"></i>清空
                                                                        </button>
                                                                        <button type="button" class="btn btn-round btn-success" @click="downloadFile">
                                                                            <i class="icofont icofont icofont-download-alt"></i>下载
                                                                        </button>
                                                                        <button type="button" class="btn btn-round btn-success" @click="statistics">
                                                                            <i class="icofont icofont icofont-download-alt"></i>统计
                                                                        </button>
                                                                    </el-col>
                                                                </el-row>
                                                            </el-form>
                                                        </div>
                                                        <div class="table-responsive">
                                                            <table class="table table-striped table-bordered" id="table" width="100%">
                                                                <thead>
                                                                <tr>
                                                                    <!-- <th style="display:none">工号</th> -->
                                                                    <th>分公司</th>
                                                                    <th>CSO</th>
                                                                    <th>姓名</th>
                                                                    <th>岗位性质</th>
                                                                    <th>岗位名称</th>
                                                                    <!-- <th>银保群组<br>-机构</th>
                                                                    <th>银保群组<br>-岗位</th> -->
                                                                    <th>分机号</th>
                                                                    <th>手机号</th>
                                                                    <!-- <th style="display:none">公司邮箱</th>
                                                                    <th style="display:none">学历</th>
                                                                    <th style="display:none">参加工作时间</th>
                                                                    <th style="display:none">工龄</th> 
                                                                    <th>入司时间</th>
                                                                    <th>司龄</th>-->
                                                                    <th>状态</th>
                                                                    <th>操作</th>
                                                                </tr>
                                                                </thead>
                                                                <tbody>
                                                                <tr v-for="(staffItem,index) in staffList">
                                                                    <!-- <td style="display:none">{{staffItem.employeeNumber}}</td> -->
                                                                    <td>{{staffItem.branch}}</td>
                                                                    <td><span class="tabledit-span">{{staffItem.CSO}}</span></td>
                                                                    <td><span class="tabledit-span">{{staffItem.name}}</span></td>
                                                                    <td>{{staffItem.nature}}</td>
                                                                    <td>{{staffItem.title}}</td>
                                                                    <!-- <td>{{staffItem.branchGroup}}</td>
                                                                    <td>{{staffItem.titleGroup}}</td> -->
                                                                    <td>{{staffItem.extension}}</td>
                                                                    <td>{{staffItem.mobile}}</td>
                                                                    <!-- <td style="display:none">{{staffItem.email}}</td>
                                                                    <td style="display:none">{{staffItem.education}}</td>
                                                                    <td style="display:none">{{staffItem.workingDate}}</td>
                                                                    <td style="display:none">{{staffItem.workingYears}}</td> 
                                                                    <td>{{staffItem.joinDate}}</td>
                                                                    <td>{{staffItem.comYears}}</td>-->
                                                                    <td>{{staffItem.state}}</td>
                                                                    <td class="tabledit-view-mode">
                                                                        <button @click="viewItem(index)" type="button" class="tabledit-edit-button btn btn-primary waves-effect waves-light" style="float: none; margin: 5px;">
                                                                            查看
                                                                        </button>
                                                                        <button @click="changeItem(index)" type="button" class="tabledit-edit-button btn btn-primary waves-effect waves-light" style="float: none; margin: 5px;">
                                                                            修改
                                                                        </button>
                                                                        <button @click="dimissionItem(index)" type="button" class="tabledit-edit-button btn btn-default waves-effect waves-light" style="float: none; margin: 5px;">
                                                                            离职
                                                                        </button>
                                                                    </td>
                                                                </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                        <div class="block">
															<!-- <span class="demonstration">页数较少时的效果</span> -->
															<el-pagination background layout="prev, pager, next,total" :page-size="pageBean.pageSize" :current-page="currentpage" @current-change="handleCurrentChange" :total="pageBean.totalNumber"></el-pagination>
														</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <!--查看修改-->
                            <el-dialog :title="viewTitle" :visible.sync="showDialog" :close-on-click-modal="false" width="60%" @close="closeDialog('staffForm')">
                                <el-form ref="staffForm" :model="staffForm" :rules="showRules" label-width="130px">
                                    <el-row>
                                        <el-col :span="12">
                                            <el-form-item label="工号" prop="employeeNumber">
                                                <el-input v-model="staffForm.employeeNumber"  onkeyup="this.value=this.value.replace(/[^\w]/g,'')" maxlength="10"
                                                :disabled="isDisabled" placeholder="请输入工号"></el-input>
                                            </el-form-item>
                                        </el-col>
                                        <el-col :span="12">
                                            <el-form-item label="分公司" prop="branch">
                                                <el-select v-model="staffForm.branch" placeholder="请选择分公司" :disabled="isDisabled" @change="changeBranch(staffForm.branch)">
                                                    <el-option v-for="branch in branchs" :label="branch.label" :value="branch.value"></el-option>
                                                </el-select>
                                            </el-form-item>
                                        </el-col>
                                    </el-row>
                                    <el-row>
                                        <el-col :span="12">
                                            <el-form-item label="CSO" prop="CSO">
                                                <el-select filterable clearable v-model="staffForm.CSO" placeholder="请选择CSO" :disabled="isDisabled" >
                                                    <el-option v-for="CSO in CSOs" :label="CSO.label" :value="CSO.value"></el-option>
                                                </el-select>
                                            </el-form-item>
                                        </el-col>
                                        <el-col :span="12">
                                            <el-form-item label="姓名" prop="name">
                                                <el-input v-model="staffForm.name" :disabled="isDisabled" maxlength="10" placeholder="请输入姓名"></el-input>
                                            </el-form-item>
                                        </el-col>
                                    </el-row>
                                    <el-row>
                                        <el-col :span="12">
                                            <el-form-item label="岗位性质" prop="nature">
                                                <el-select v-model="staffForm.nature" placeholder="请选择岗位性质" maxlength="12" :disabled="isDisabled" filterable clearable>
                                                    <el-option v-for="nature in natures" :label="nature.label" :value="nature.value"></el-option>
                                                </el-select>
                                            </el-form-item>
                                        </el-col>
                                        <el-col :span="12">
                                            <el-form-item label="岗位名称" prop="title">
                                                <el-select v-model="staffForm.title" placeholder="请选择岗位名称" maxlength="12" :disabled="isDisabled" filterable clearable>
                                                    <el-option v-for="title in titles" :label="title.label" :value="title.value"></el-option>
                                                </el-select>
                                            </el-form-item>
                                        </el-col>
                                    </el-row>
                                    <el-row>
                                        <el-col :span="12">
                                            <el-form-item label="银保群组-机构" prop="branchGroup">
                                                <el-select v-model="staffForm.branchGroup" placeholder="请选择银保群组-机构" :disabled="isDisabled" filterable clearable>
                                                    <el-option v-for="branchGroup in branchGroups" :label="branchGroup.label" :value="branchGroup.value"></el-option>
                                                </el-select>
                                            </el-form-item>
                                        </el-col>
                                        <el-col :span="12">
                                            <el-form-item label="银保群组-岗位" prop="titleGroup">
                                                <el-select v-model="staffForm.titleGroup" value-key="titleGroup.value" placeholder="请选择银保群组-岗位" :disabled="isDisabled" multiple filterable clearable>
                                                    <el-option v-for="titleGroup in titleGroups" :key="titleGroup.value" :label="titleGroup.label" :value="titleGroup.value"></el-option>
                                                </el-select>
                                            </el-form-item>
                                        </el-col>
                                    </el-row>
                                    <el-row>
                                        <el-col :span="12">
                                            <el-form-item label="分机号码" prop="extension">
                                                <el-input v-model="staffForm.extension" maxlength="16" onkeyup="this.value=this.value.replace(/[^\d|-]/g,'')" :disabled="isDisabled" placeholder="请输入分机号码"></el-input>
                                            </el-form-item>
                                        </el-col>
                                        <el-col :span="12">
                                            <el-form-item label="手机号码" prop="mobile">
                                                <el-input v-model="staffForm.mobile" maxlength="14" :disabled="isDisabled" placeholder="请输入手机号码"></el-input>
                                            </el-form-item>
                                        </el-col>
                                    </el-row>
                                    <el-row>
                                        <el-col :span="12">
                                            <el-form-item label="公司邮箱" prop="email">
                                                <el-input v-model="staffForm.email" :disabled="isDisabled" maxlength="80" placeholder="请输入公司邮箱"></el-input>
                                            </el-form-item>
                                        </el-col>
                                        <el-col :span="12">
                                            <el-form-item label="学历">
                                                <el-select v-model="staffForm.education" placeholder="请选择学历" :disabled="isDisabled">
                                                    <el-option v-for="education in educations" :label="education.label" :value="education.value"></el-option>
                                                </el-select>
                                            </el-form-item>
                                        </el-col>
                                    </el-row>
                                    <el-row>
                                        <el-col :span="12">
                                            <el-form-item label="内勤" prop="isOfficeWork">
                                            	<el-select v-model="staffForm.isOfficeWork" value-key="value" placeholder="请选择" :disabled="isDisabled">
                                                    <el-option v-for="isOfficeWork in [{'value':'是','lable':'是'},{'value':'否','lable':'否'}]" :label="isOfficeWork.lable" :value="isOfficeWork.value"></el-option>
                                                </el-select>
                                            </el-form-item>
                                        </el-col>
                                        <el-col :span="12">
                                            <el-form-item label="参加工作时间">
                                                <el-date-picker @change="calculationWorkingYears()" v-model="staffForm.workingDate" maxlength="10" :disabled="isDisabled" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="请选择参加工作时间"></el-date-picker>
                                            </el-form-item>
                                        </el-col>
                                    </el-row>
                                    <el-row>
                                        <el-col :span="12">
                                            <el-form-item label="入司时间" prop="joinDate">
                                                <el-date-picker @change="calculationComYears()" v-model="staffForm.joinDate" maxlength="10" :disabled="isDisabled" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="请选择入司时间"></el-date-picker>
                                            </el-form-item>
                                        </el-col>
                                        <el-col :span="12">
                                            <el-form-item label="工龄（年）">
                                                <el-input v-model="staffForm.workingYears" placeholder="输入参加工作时间开始计算" disabled="disabled"></el-input>
                                            </el-form-item>
                                        </el-col>
                                    </el-row>
                                    <el-row>
                                        <el-col :span="12">
                                            <el-form-item label="司龄（年）">
                                                <el-input v-model="staffForm.comYears" placeholder="输入入司时间开始计算" disabled="disabled"></el-input>
                                            </el-form-item>
                                        </el-col>
                                        <el-col :span="12">
                                            <el-form-item label="核心员工" prop="isCoreStaff">
                                                <el-select v-model="staffForm.isCoreStaff" placeholder="输入入司时间开始计算" disabled="disabled">
                                                    <el-option v-for="isCoreStaff in [{'value':'是','lable':'是'},{'value':'否','lable':'否'}]" :label="isCoreStaff.lable" :value="isCoreStaff.value"></el-option>
                                                </el-select>
                                            </el-form-item>
                                        </el-col>
                                    </el-row>
                                    <el-row>
                                        <el-col :span="12">
                                            <el-form-item label="离职时间">
                                                <el-date-picker v-model="staffForm.dimissionTime" maxlength="10" :disabled="isDisabled" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="请选择离职时间"></el-date-picker>
                                            </el-form-item>
                                        </el-col>
                                    </el-row>
                                </el-form>
                                <span slot="footer" class="dialog-footer">
                                    <el-button v-if="isDisabled" type="primary" @click="showDialog=false">关闭</el-button>
                                    <el-button v-else-if="isAdd" type="primary" @click="saveAddForm('staffForm')">保存</el-button>
                                    <el-button v-else type="primary" @click="updateForm('staffForm')">保存</el-button>
                                </span>
                            </el-dialog>
                            <!--离职-->
                            <el-dialog :title="dimissionTitle" :visible.sync="dimissionDialog" :close-on-click-modal="false" width="60%" @close="closeDialog('dimissionForm')" >
                                <el-form   ref="dimissionForm" :model="dimissionForm" :rules="dRules" label-width="130px">
                                    <el-row>
                                        <el-col :span="12">
                                            <el-form-item label="离职日期" prop="dimissionDate">
                                                <el-date-picker v-model="dimissionForm.dimissionDate" maxlength="10"  format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="请选择离职日期"></el-date-picker>
                                            </el-form-item>
                                        </el-col>
                                        <el-col :span="0">
                                            <el-form-item label="姓名" prop="name">
                                                <el-input  v-model="dimissionForm.name"  maxlength="10" placeholder="请输入姓名"></el-input>
                                            </el-form-item>
                                        </el-col>
                                    </el-row>
                                </el-form>
                                <span slot="footer" class="dialog-footer">
                                    <el-button type="primary" @click="deleteStaff('dimissionForm')">保存</el-button>
                                </span>
                            </el-dialog>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Older IE warning message -->
<!-- Warning Section Ends -->
<!-- Required Jqurey -->
<script type="text/javascript" th:src="${urls.getForLookupPath('/assets/js/bluebird.min.js')}"></script>
<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/jquery/js/jquery.min.js')}"></script>
<!-- <script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/jquery-ui/js/jquery-ui.min.js')}"></script> -->
<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/popper.js/js/popper.min.js')}"></script>
<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/bootstrap/js/bootstrap.min.js')}"></script>
<!-- jquery slimscroll js -->
<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/jquery-slimscroll/js/jquery.slimscroll.js')}"></script>
<!-- modernizr js -->
<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/modernizr/js/modernizr.js')}"></script>
<!-- <script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/modernizr/js/css-scrollbars.js')}"></script> -->
<!-- classie js -->
<!-- <script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/classie/js/classie.js')}"></script> -->


<!-- i18next.min.js -->
<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/i18next/js/i18next.min.js')}"></script>
<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/i18next-xhr-backend/js/i18nextXHRBackend.min.js')}"></script>
<!-- <script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/i18next-browser-languagedetector/js/i18nextBrowserLanguageDetector.min.js')}"></script> -->
<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/jquery-i18next/js/jquery-i18next.min.js')}"></script>



<!-- Bootstrap date-time-picker js -->
<script type="text/javascript" th:src="${urls.getForLookupPath('/assets/pages/advance-elements/moment-with-locales.min.js')}"></script>
<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}"></script>
<script type="text/javascript" th:src="${urls.getForLookupPath('/assets/pages/advance-elements/bootstrap-datetimepicker.min.js')}"></script>
<!-- Date-range picker js -->
<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/bootstrap-daterangepicker/js/daterangepicker.js')}"></script>
<!-- Date-dropper js -->
<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/datedropper/js/datedropper.min.js')}"></script>
<!-- Custom js -->
<!-- <script type="text/javascript" th:src="${urls.getForLookupPath('/assets/pages/advance-elements/custom-picker.js')}"></script> -->
<script type="text/javascript" th:src="${urls.getForLookupPath('/assets/js/script.js')}"></script>
<!-- <script type="text/javascript" th:src="${urls.getForLookupPath('/assets/js/pcoded.min.js')}"></script> -->
<!-- pcmenu js -->
<script type="text/javascript" th:src="${urls.getForLookupPath('/assets/js/pcoded.min.js')}"></script>
<script type="text/javascript" th:src="${urls.getForLookupPath('/assets/js/demo-12.js')}"></script>
<script type="text/javascript" th:src="${urls.getForLookupPath('/assets/js/jquery.mCustomScrollbar.concat.min.js')}"></script>
<!-- <script type="text/javascript" th:src="${urls.getForLookupPath('/assets/js/jquery.mousewheel.min.js')}"></script> -->
<!-- datatables -->
<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/datatable/jquery.dataTables.min.js')}"></script>
<!-- <script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/datatable/dataTables.buttons.min.js')}"></script> -->
<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/datatable/jszip.min.js')}"></script>
<!-- <script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/datatable/pdfmake.min.js')}"></script> -->
<!-- <script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/datatable/vfs_fonts.js')}"></script> -->
<!-- <script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/datatable/buttons.html5.min.js')}"></script> -->
<!-- vue -->
<script type="text/javascript" th:src="${urls.getForLookupPath('/assets/js/vue/vue.min.js')}"></script>
<script type="text/javascript" th:src="${urls.getForLookupPath('/assets/js/vue/element.js')}"></script>
<!-- pages -->
<script type="text/javascript" th:src="${urls.getForLookupPath('/assets/js/pages/common.js')}"></script>
<script type="text/javascript" th:src="${urls.getForLookupPath('/assets/js/pages/dataupload/staff.js')}"></script>
</body>

</html>
